<div class="example-container">
  <ti-nav>
    <ti-nav-left>TinyNG</ti-nav-left>
    <ti-nav-menu [items]="items"></ti-nav-menu>
  </ti-nav>
</div>

<div class="example-container">
  <ti-nav>
    <ti-nav-left>TinyNG</ti-nav-left>
    <ti-nav-menu [items]="items2"></ti-nav-menu>
  </ti-nav>
</div>

<div class="example-container">
  <ti-nav theme="dark">
    <ti-nav-left>TinyNG</ti-nav-left>
    <ti-nav-menu [items]="items"></ti-nav-menu>
  </ti-nav>
</div>

<div class="example-container">
  <ti-nav theme="dark">
    <ti-nav-left>TinyNG</ti-nav-left>
    <ti-nav-menu [items]="items2"></ti-nav-menu>
  </ti-nav>
</div>

<style>
  .example-container {
    min-height: 350px;
  }
</style>
